body{
    background: #f2f2f4;
}
.g-banner{
    width: 100%;
    height: 4.05rem;
    background: url(../images/banner.png) no-repeat center center;
    background-size: 100% 4.05rem;
    text-indent: -9999px;
}
.g-list-common{
    overflow: hidden;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -webkit-box-direction: normal;  
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.g-item-common{
    float: left;
    width: 25%;
    padding: 0.453rem 0;
    text-align: center;
}
.m-link-page{
    font-size: 0.386rem;
    color: #272727;
    display: block;
}
.m-list-application li:nth-child(-n+4){
    border-bottom: 1px solid #d4d4d4;
}
.m-link-page:before{
    content: " ";
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 1.19rem;
    margin: 0 auto;
    margin-bottom: 0.27rem;
}
.m-link-application-approve:before{
    background-image: url(../images/appicon1.png);
}
.m-link-application-attendance:before{
    background-image: url(../images/appicon2.png);
}
.m-link-application-docs:before{
    background-image: url(../images/appicon3.png);
}
.m-link-application-log:before{
    background-image: url(../images/appicon4.png);
}
.m-link-application-email:before{
    background-image: url(../images/appicon5.png);
}
.m-link-application-announcement:before{
    background-image: url(../images/appicon6.png);
}
.m-link-application-calendar:before{
    background-image: url(../images/appicon7.png);
}
.m-link-application-plan:before{
    background-image: url(../images/appicon8.png);
}

.m-item-approve{
    width: 33.3%;
}
.m-link-approve-wait:before{
    background-image: url(../images/approve1.png);
}
.m-link-approve-initiate:before{
    background-image: url(../images/approve2.png);
}
.m-link-approve-cc:before{
    background-image: url(../images/approve3.png);
}
.m-common-process{
    padding-top: 0.4rem;
}
.m-common-process .m-title-process{
    padding-left: 0.32rem;
    background: #fff;
    font-size: 0.386rem;
    line-height: 1.2rem;
    color: #272727;
    border-bottom: 1px solid #d4d4d4;
}
.m-list-common-process .g-item-common,
.m-list-journaling .g-item-common{
    width: 33.33%;
}
.m-link-process-reimburse:before{
    background-image: url(../images/process1.png);
}
.m-link-process-business:before{
    background-image: url(../images/process2.png);
}
.m-link-process-overtime:before{
    background-image: url(../images/process3.png);
}
.m-link-process-printing:before{
    background-image: url(../images/process4.png);
}
.m-link-process-licenses:before{
    background-image: url(../images/process5.png);
}
.m-link-process-procurement:before{
    background-image: url(../images/process6.png);
}
.m-link-process-positive:before{
    background-image: url(../images/process7.png);
}
.m-link-process-pay:before{
    background-image: url(../images/process8.png);
}
.m-link-process-leave:before{
    background-image: url(../images/process9.png);
}

.m-link-journaling-daily:before{
    background-image: url(../images/journaling1.png);
}
.m-link-journaling-weekly:before{
    background-image: url(../images/journaling2.png);
}
.m-link-journaling-monthly:before{
    background-image: url(../images/journaling3.png);
}
.m-link-journaling-notice:before{
    background-image: url(../images/journaling4.png);
}
.m-link-journaling-business:before{
    background-image: url(../images/journaling5.png);
}
.m-link-journaling-duty:before{
    background-image: url(../images/journaling6.png);
}
.m-link-journaling-visit:before{
    background-image: url(../images/journaling7.png);
}
.m-link-journaling-data:before{
    background-image: url(../images/journaling8.png);
}
.m-link-journaling-results:before{
    background-image: url(../images/journaling9.png);
}
.m-search{
    width: 100%;
}
.g-input-docs{
    display: block;
    width: 96%;
    height: 0.75rem;
    line-height: 0.75rem;
    text-align: center;
    border-radius: 0.11rem;
    margin: 0.21rem auto;
    border:none;
    font-size: 0.35rem;
    color: #272727;
}

.g-input-docs:focus{
    text-align: left;
    padding-left: 10px;
}

.m-title-docs{
    font-size: 0.4rem;
    line-height: 1.45rem;
}
.m-item-menu{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
    background: #fff;
}
.m-item-menu:before{
    content: " ";
    display: inline-block;
    width: 0.59rem;
    height: 0.59rem;
    background-repeat: no-repeat;
    background-size: 0.59rem auto;
    margin: 0 0.27rem;
}
.m-docs-upload:before{
    background-image: url(../images/upload.png);
}
.m-docs-download:before{
    background-image: url(../images/download.png);
}
.m-docs-collection:before{
    background-image: url(../images/collection.png);
}
.m-docs-upload,
.m-docs-download{
    border-bottom: 1px solid #d5d5d5;
}
.m-map-attendance{
    display: block;
    width: 100%;
    height: auto;
}
.m-name-adress{
    font-size: 0.41rem;
    line-height: 1.2rem;
    color: #272727;
    padding-left: 0.37rem;
}
.m-report-time{
    width: 4rem;
    height: 4rem;
    background:#dbecff;
    border-radius: 50%;
    padding: 0.28rem;
    margin: 1.58rem auto 1.58rem;
}
.m-decoration-circle{
    width: 3.44rem;
    height: 3.44rem;
    background:#4fa2fe;
    border-radius: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;

}
.m-decoration-circle .m-instructions{
    font-size: 0.4rem;
    line-height: 2;
    color: #fff;
}
.m-decoration-circle .m-date,
.m-decoration-circle .m-time{
    font-size: 0.36rem;
    line-height: 1.3;
    color: #abcdff;
}
.p-attendance{
    background: #fff;
}


